<!DOCTYPE html>
<html lang="en" dir="auto">

<head>
	<meta name="generator" content="Hugo 0.93.2" /><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<title>超级星小汤-tanglx</title>

<meta name="description" content="超级星小汤的个人博客,tanglx,tanglx02">
<meta name="author" content="
作者:&nbsp;Sulv">
<link rel="canonical" href="https://tanglx02.gitee.io/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.aa70a0c9a250ca0c244d45bd11cc86f4dd82a1bc61a196c5285e14b70b1f8b36.css" integrity="sha256-qnCgyaJQygwkTUW9EcyG9N2CobxhoZbFKF4UtwsfizY=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://tanglx02.gitee.io/img/avatar.jpg">
<link rel="icon" type="image/png" sizes="16x16" href="https://tanglx02.gitee.io/img/avatar.jpg">
<link rel="icon" type="image/png" sizes="32x32" href="https://tanglx02.gitee.io/img/avatar.jpg">
<link rel="apple-touch-icon" href="https://tanglx02.gitee.io/img/avatar.jpg">
<link rel="mask-icon" href="https://tanglx02.gitee.io/img/avatar.jpg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<link rel="alternate" type="application/rss+xml" href="https://tanglx02.gitee.io/index.xml">
<link rel="alternate" type="application/json" href="https://tanglx02.gitee.io/index.json">
<noscript>
    <style>
        #theme-toggle,
        .top-link {
            display: none;
        }

    </style>
    <style>
        @media (prefers-color-scheme: dark) {
            :root {
                --theme: rgb(29, 30, 32);
                --entry: rgb(46, 46, 51);
                --primary: rgb(218, 218, 219);
                --secondary: rgb(155, 156, 157);
                --tertiary: rgb(65, 66, 68);
                --content: rgb(196, 196, 197);
                --hljs-bg: rgb(46, 46, 51);
                --code-bg: rgb(55, 56, 62);
                --border: rgb(51, 51, 51);
            }

            .list {
                background: var(--theme);
            }

            .list:not(.dark)::-webkit-scrollbar-track {
                background: 0 0;
            }

            .list:not(.dark)::-webkit-scrollbar-thumb {
                border-color: var(--theme);
            }
        }

    </style>
</noscript>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = ""; 
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<meta property="og:title" content="超级星小汤-tanglx" />
<meta property="og:description" content="超级星小汤的个人博客,tanglx,tanglx02" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://tanglx02.gitee.io/" />

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="超级星小汤-tanglx"/>
<meta name="twitter:description" content="超级星小汤的个人博客,tanglx,tanglx02"/>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "超级星小汤-tanglx",
  "url": "https://tanglx02.gitee.io",
  "description": "超级星小汤的个人博客,tanglx,tanglx02",
  "thumbnailUrl": "https://tanglx02.gitee.io/img/avatar.jpg",
  "sameAs": [
      "https://space.bilibili.com/414005751", "img/qq.png", "img/wechat.png", "img/twitter.png", "https://github.com/tanglx02", "mailto:54312795@qq.com", "index.xml"
  ]
}
</script>
</head>

<body class="list" id="top">
<script>
    if (localStorage.getItem("pref-theme") === "dark") {
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

</script>



<header class="header">
    <nav class="nav">
        <div class="logo">
            <a href="https://tanglx02.gitee.io" accesskey="h" title="超级星小汤 (Alt + H)">
            <img src="https://tanglx02.gitee.io/img/avatar.jpg" alt="logo" aria-label="logo"
                 height="35">超级星小汤</a>
            <div class="logo-switches">
                <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                         fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                         stroke-linejoin="round">
                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                    </svg>
                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                         fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                         stroke-linejoin="round">
                        <circle cx="12" cy="12" r="5"></circle>
                        <line x1="12" y1="1" x2="12" y2="3"></line>
                        <line x1="12" y1="21" x2="12" y2="23"></line>
                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
                        <line x1="1" y1="12" x2="3" y2="12"></line>
                        <line x1="21" y1="12" x2="23" y2="12"></line>
                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
                    </svg>
                </button>
            </div>
        </div>
        <ul id="menu">
            <li>
                <a href="https://tanglx02.gitee.io/search" title="🔍 搜索 (Alt &#43; /)" accesskey=/>
                <span>🔍 搜索</span>
                </a>
            </li>
            <li>
                <a href="https://tanglx02.gitee.io/" title="🏠 主页">
                <span class="active">🏠 主页</span>
                </a>
            </li>
            <li>
                <a href="https://tanglx02.gitee.io/posts" title="📚 文章">
                <span>📚 文章</span>
                </a>
            </li>
            <li>
                <a href="https://tanglx02.gitee.io/tags" title="🧩 标签">
                <span>🧩 标签</span>
                </a>
            </li>
            <li>
                <a href="https://tanglx02.gitee.io/archives/" title="⏱ 时间轴">
                <span>⏱ 时间轴</span>
                </a>
            </li>
            <li>
                <a href="https://tanglx02.gitee.io/about" title="🙋🏻‍♂️ 关于">
                <span>🙋🏻‍♂️ 关于</span>
                </a>
            </li>
            <li>
                <a href="https://tanglx02.gitee.io/links" title="🤝 友链">
                <span>🤝 友链</span>
                </a>
            </li>
        </ul>
    </nav>
</header>
<main class="main"><div class="profile">
    <div class="profile_inner"><img src="https://tanglx02.gitee.io/img/avatar.jpg" alt="profile image"
        height="150" width="150" />
        <h1>(〃&lsquo;▽&rsquo;〃)</h1>
        <span></span><div class="social-icons">
    <a href="https://space.bilibili.com/414005751" target="_blank" rel="noopener noreferrer me" title="Bilibili">
    <svg t="1636857927018" class="icon" viewBox="0 0 1129 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2420" width="21.333" height="15.333"><path d="M234.909 9.656a80.468 80.468 0 0 1 68.398 0 167.374 167.374 0 0 1 41.843 30.578l160.937 140.82h115.07l160.936-140.82a168.983 168.983 0 0 1 41.843-30.578A80.468 80.468 0 0 1 930.96 76.445a80.468 80.468 0 0 1-17.703 53.914 449.818 449.818 0 0 1-35.406 32.187 232.553 232.553 0 0 1-22.531 18.508h100.585a170.593 170.593 0 0 1 118.289 53.109 171.397 171.397 0 0 1 53.914 118.288v462.693a325.897 325.897 0 0 1-4.024 70.007 178.64 178.64 0 0 1-80.468 112.656 173.007 173.007 0 0 1-92.539 25.75H212.377a341.186 341.186 0 0 1-72.421-4.024A177.835 177.835 0 0 1 28.91 939.065a172.202 172.202 0 0 1-27.36-92.539V388.662a360.498 360.498 0 0 1 0-66.789A177.03 177.03 0 0 1 162.487 178.64h105.414c-16.899-12.07-31.383-26.555-46.672-39.43a80.468 80.468 0 0 1-25.75-65.984 80.468 80.468 0 0 1 39.43-63.57M216.4 321.873a80.468 80.468 0 0 0-63.57 57.937 108.632 108.632 0 0 0 0 30.578v380.615a80.468 80.468 0 0 0 55.523 80.469 106.218 106.218 0 0 0 34.601 5.632h654.208a80.468 80.468 0 0 0 76.444-47.476 112.656 112.656 0 0 0 8.047-53.109v-354.06a135.187 135.187 0 0 0 0-38.625 80.468 80.468 0 0 0-52.304-54.719 129.554 129.554 0 0 0-49.89-7.242H254.22a268.764 268.764 0 0 0-37.82 0z m0 0" fill="#20B0E3" p-id="2421"></path><path d="M348.369 447.404a80.468 80.468 0 0 1 55.523 18.507 80.468 80.468 0 0 1 28.164 59.547v80.468a80.468 80.468 0 0 1-16.094 51.5 80.468 80.468 0 0 1-131.968-9.656 104.609 104.609 0 0 1-10.46-54.719v-80.468a80.468 80.468 0 0 1 70.007-67.593z m416.02 0a80.468 80.468 0 0 1 86.102 75.64v80.468a94.148 94.148 0 0 1-12.07 53.11 80.468 80.468 0 0 1-132.773 0 95.757 95.757 0 0 1-12.875-57.133V519.02a80.468 80.468 0 0 1 70.007-70.812z m0 0" fill="#20B0E3" p-id="2422"></path></svg>


    </a>
    <a href="img/qq.png" target="_blank" rel="noopener noreferrer me" title="QQ">
    <svg t="1636854120673" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18427" width="24" height="24"><path d="M511.09761 957.257c-80.159 0-153.737-25.019-201.11-62.386-24.057 6.702-54.831 17.489-74.252 30.864-16.617 11.439-14.546 23.106-11.55 27.816 13.15 20.689 225.583 13.211 286.912 6.767v-3.061z" fill="#FAAD08" p-id="18428"></path><path d="M496.65061 957.257c80.157 0 153.737-25.019 201.11-62.386 24.057 6.702 54.83 17.489 74.253 30.864 16.616 11.439 14.543 23.106 11.55 27.816-13.15 20.689-225.584 13.211-286.914 6.767v-3.061z" fill="#FAAD08" p-id="18429"></path><path d="M497.12861 474.524c131.934-0.876 237.669-25.783 273.497-35.34 8.541-2.28 13.11-6.364 13.11-6.364 0.03-1.172 0.542-20.952 0.542-31.155C784.27761 229.833 701.12561 57.173 496.64061 57.162 292.15661 57.173 209.00061 229.832 209.00061 401.665c0 10.203 0.516 29.983 0.547 31.155 0 0 3.717 3.821 10.529 5.67 33.078 8.98 140.803 35.139 276.08 36.034h0.972z" fill="#000000" p-id="18430"></path><path d="M860.28261 619.782c-8.12-26.086-19.204-56.506-30.427-85.72 0 0-6.456-0.795-9.718 0.148-100.71 29.205-222.773 47.818-315.792 46.695h-0.962C410.88561 582.017 289.65061 563.617 189.27961 534.698 185.44461 533.595 177.87261 534.063 177.87261 534.063 166.64961 563.276 155.56661 593.696 147.44761 619.782 108.72961 744.168 121.27261 795.644 130.82461 796.798c20.496 2.474 79.78-93.637 79.78-93.637 0 97.66 88.324 247.617 290.576 248.996a718.01 718.01 0 0 1 5.367 0C708.80161 950.778 797.12261 800.822 797.12261 703.162c0 0 59.284 96.111 79.783 93.637 9.55-1.154 22.093-52.63-16.623-177.017" fill="#000000" p-id="18431"></path><path d="M434.38261 316.917c-27.9 1.24-51.745-30.106-53.24-69.956-1.518-39.877 19.858-73.207 47.764-74.454 27.875-1.224 51.703 30.109 53.218 69.974 1.527 39.877-19.853 73.2-47.742 74.436m206.67-69.956c-1.494 39.85-25.34 71.194-53.24 69.956-27.888-1.238-49.269-34.559-47.742-74.435 1.513-39.868 25.341-71.201 53.216-69.974 27.909 1.247 49.285 34.576 47.767 74.453" fill="#FFFFFF" p-id="18432"></path><path d="M683.94261 368.627c-7.323-17.609-81.062-37.227-172.353-37.227h-0.98c-91.29 0-165.031 19.618-172.352 37.227a6.244 6.244 0 0 0-0.535 2.505c0 1.269 0.393 2.414 1.006 3.386 6.168 9.765 88.054 58.018 171.882 58.018h0.98c83.827 0 165.71-48.25 171.881-58.016a6.352 6.352 0 0 0 1.002-3.395c0-0.897-0.2-1.736-0.531-2.498" fill="#FAAD08" p-id="18433"></path><path d="M467.63161 256.377c1.26 15.886-7.377 30-19.266 31.542-11.907 1.544-22.569-10.083-23.836-25.978-1.243-15.895 7.381-30.008 19.25-31.538 11.927-1.549 22.607 10.088 23.852 25.974m73.097 7.935c2.533-4.118 19.827-25.77 55.62-17.886 9.401 2.07 13.75 5.116 14.668 6.316 1.355 1.77 1.726 4.29 0.352 7.684-2.722 6.725-8.338 6.542-11.454 5.226-2.01-0.85-26.94-15.889-49.905 6.553-1.579 1.545-4.405 2.074-7.085 0.242-2.678-1.834-3.786-5.553-2.196-8.135" fill="#000000" p-id="18434"></path><path d="M504.33261 584.495h-0.967c-63.568 0.752-140.646-7.504-215.286-21.92-6.391 36.262-10.25 81.838-6.936 136.196 8.37 137.384 91.62 223.736 220.118 224.996H506.48461c128.498-1.26 211.748-87.612 220.12-224.996 3.314-54.362-0.547-99.938-6.94-136.203-74.654 14.423-151.745 22.684-215.332 21.927" fill="#FFFFFF" p-id="18435"></path><path d="M323.27461 577.016v137.468s64.957 12.705 130.031 3.91V591.59c-41.225-2.262-85.688-7.304-130.031-14.574" fill="#EB1C26" p-id="18436"></path><path d="M788.09761 432.536s-121.98 40.387-283.743 41.539h-0.962c-161.497-1.147-283.328-41.401-283.744-41.539l-40.854 106.952c102.186 32.31 228.837 53.135 324.598 51.926l0.96-0.002c95.768 1.216 222.4-19.61 324.6-51.924l-40.855-106.952z" fill="#EB1C26" p-id="18437"></path></svg>

    </a>
    <a href="img/wechat.png" target="_blank" rel="noopener noreferrer me" title="WeChat">
    <svg t="1636854174935" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22758" width="24" height="24"><path d="M981.333333 621.056C981.333333 488.277333 854.613333 384 699.733333 384c-154.88 0-281.6 104.277333-281.6 237.056 0 132.693333 126.72 237.013333 281.6 237.013333 28.16 0 56.32-4.736 84.48-9.472L873.386667 896l-23.466667-71.125333c79.786667-47.36 131.413333-118.485333 131.413333-203.818667z m-380.16-37.973333c-28.16 0-46.933333-18.944-46.933333-47.36 0-28.458667 18.773333-47.445333 46.933333-47.445334 28.16 0 46.933333 18.986667 46.933334 47.402667 0 23.722667-23.466667 47.445333-46.933334 47.445333z m192.426667 0c-28.16 0-46.933333-18.944-46.933333-47.36 0-28.458667 18.773333-47.445333 46.933333-47.445334 28.16 0 46.933333 18.986667 46.933333 47.402667 0 23.722667-23.466667 47.445333-46.933333 47.445333z" fill="#4CBF00" p-id="22759"></path><path d="M371.2 611.541333c0-146.944 140.8-265.472 319.146667-265.472h14.08C666.88 222.805333 540.16 128 380.586667 128 192.853333 128 42.666667 256 42.666667 412.458667 42.666667 512 103.68 602.026667 197.546667 649.472l-28.16 85.333333L277.333333 682.666667c32.853333 9.472 65.706667 14.208 103.253334 14.208h9.386666c-14.08-28.416-18.773333-56.874667-18.773333-85.333334z m126.72-384c32.853333 0 61.013333 28.458667 61.013333 61.653334s-28.16 61.610667-61.013333 61.610666c-32.853333-4.693333-61.013333-33.194667-61.013333-66.346666 0-33.194667 28.16-56.917333 61.013333-56.917334zM267.946667 346.069333c-32.853333 0-56.32-28.458667-56.32-61.610666 0-33.194667 28.16-61.653333 61.013333-61.653334 32.853333 0 56.32 28.458667 56.32 61.653334 0 33.152-28.16 61.610667-61.013333 61.610666z" fill="#4CBF00" p-id="22760"></path></svg>


    </a>
    <a href="img/twitter.png" target="_blank" rel="noopener noreferrer me" title="Twitter">
    <svg t="1636858625842" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="40108" width="24" height="24"><path d="M996.12 211.772c-27.41 40.139-60.586 74.338-99.524 102.58 0.419 5.715 0.628 14.311 0.628 25.788 0 53.242-7.782 106.353-23.346 159.333-15.565 52.986-39.201 103.845-70.903 152.58-31.707 48.735-69.47 91.84-113.279 129.306-43.813 37.474-96.638 67.37-158.477 89.693-61.84 22.323-127.951 33.491-198.335 33.491-110.943 0-212.483-29.692-304.613-89.063 14.305 1.622 30.264 2.434 47.876 2.434 92.13 0 174.226-28.247 246.284-84.738-42.974-0.84-81.467-14.043-115.478-39.62-34.01-25.57-57.358-58.222-70.042-97.94 13.519 2.04 26.018 3.063 37.495 3.063 17.612 0 35.008-2.256 52.2-6.764-45.855-9.43-83.828-32.252-113.908-68.466-30.08-36.208-45.12-78.268-45.12-126.163v-2.44c27.829 15.564 57.726 23.95 89.694 25.157-27.04-18.026-48.532-41.557-64.463-70.591-15.932-29.03-23.926-60.552-23.973-94.563 0-36.055 9.01-69.41 27.042-100.067 49.525 60.998 109.815 109.812 180.881 146.446 71.06 36.63 147.106 56.99 228.126 61.078-3.249-15.565-4.874-30.71-4.874-45.435 0-54.868 19.337-101.641 58.013-140.316s85.45-58.012 140.32-58.012c57.332 0 105.649 20.886 144.955 62.65 44.653-8.595 86.63-24.553 125.93-47.873-15.144 47.06-44.201 83.511-87.176 109.344 38.1-4.088 76.173-14.33 114.218-30.735l-0.151-0.157z" fill="#00ACED" p-id="40109"></path></svg>

    </a>
    <a href="https://github.com/tanglx02" target="_blank" rel="noopener noreferrer me" title="Github">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
     stroke-linecap="round" stroke-linejoin="round">
    <path
            d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22">
    </path>
</svg>
    </a>
    <a href="mailto:54312795@qq.com" target="_blank" rel="noopener noreferrer me" title="Email">
    <svg t="1636858389384" class="icon" viewBox="0 0 1318 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24657" width="24" height="24"><path d="M730.958199 603.743935a174.508039 174.508039 0 0 1-69.444022 14.068401 179.596609 179.596609 0 0 1-74.83192-16.163695L0 333.15171v571.117217a119.731073 119.731073 0 0 0 119.731073 119.731073h1079.375621a119.731073 119.731073 0 0 0 119.731073-119.731073V356.798597z" fill="#f2a355" p-id="24658"></path><path d="M636.66998 492.693365a59.865536 59.865536 0 0 0 47.892429 0l634.275358-266.401637V119.731073a119.731073 119.731073 0 0 0-119.731073-119.731073H119.731073a119.731073 119.731073 0 0 0-119.731073 119.731073v81.716457z" fill="#f2a355" p-id="24659"></path></svg>

    </a>
    <a href="index.xml" target="_blank" rel="noopener noreferrer me" title="RSS">
    <svg t="1636858141530" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14103" width="24" height="24"><path d="M170.666667 810.666667m-128 0a128 128 0 1 0 256 0 128 128 0 1 0-256 0Z" fill="#FF6600" p-id="14104"></path><path d="M938.666667 938.666667h-170.666667c0-399.957333-325.376-725.333333-725.333333-725.333334V42.666667c494.037333 0 896 401.92 896 896z" fill="#FF6600" p-id="14105"></path><path d="M640 938.666667h-170.666667c0-235.264-191.424-426.666667-426.666666-426.666667v-170.666667c329.386667 0 597.333333 267.946667 597.333333 597.333334z" fill="#FF6600" p-id="14106"></path></svg>

    </a>
</div>

        <div class="buttons">
            <a class="button" href="posts/tech" rel="noopener" title="👨🏻‍💻 技术">
            <span class="button-inner">👨🏻‍💻 技术</span>
            </a>
            <a class="button" href="posts/note" rel="noopener" title="📝 笔记">
            <span class="button-inner">📝 笔记</span>
            </a>
            <a class="button" href="posts/game" rel="noopener" title="🎮 游戏">
            <span class="button-inner">🎮 游戏</span>
            </a>
            <a class="button" href="posts/life" rel="noopener" title="🏖 生活">
            <span class="button-inner">🏖 生活</span>
            </a>
            <a class="button" href="posts/photo" rel="noopener" title="📷 相册">
            <span class="button-inner">📷 相册</span>
            </a>
        </div>
    </div>
</div>

</main>


<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>


<footer class="footer">
    <span>
        Copyright
        &copy;
        2020-2022 
        <a href="https://tanglx02.gitee.io" style="color:#939393;">超级星小汤-tanglx</a>
         All Rights Reserved
    </span>

    <a href="https://beian.miit.gov.cn/" target="_blank" style="color:#939393;">滇ICP备20005685号-3</a>&nbsp;

 

    <span id="busuanzi_container">
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
        总访客数: <span id="busuanzi_value_site_uv"></span>
        总访问量: <span id="busuanzi_value_site_pv"></span>
    </span>
    
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
    <span class="topInner">
        <svg class="topSvg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
            <path d="M12 6H0l6-6z"/>
        </svg>
        <span id="read_progress"></span>
    </span>
</a>

<script>
    document.addEventListener('scroll', function (e) {
        const readProgress = document.getElementById("read_progress");
        const scrollHeight = document.documentElement.scrollHeight;
        const clientHeight = document.documentElement.clientHeight;
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        
        readProgress.innerText = ((scrollTop / (scrollHeight - clientHeight)).toFixed(2) * 100).toFixed(0);
    })
</script>

<script>
    let menu = document.getElementById('menu')
    if (menu) {
        menu.scrollLeft = localStorage.getItem("menu-scroll-position");
        menu.onscroll = function () {
            localStorage.setItem("menu-scroll-position", menu.scrollLeft);
        }
    }

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (e) {
            e.preventDefault();
            var id = this.getAttribute("href").substr(1);
            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                    behavior: "smooth"
                });
            } else {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
            }
            if (id === "top") {
                history.replaceState(null, null, " ");
            } else {
                history.pushState(null, null, `#${id}`);
            }
        });
    });

</script>
<script>
    var mybutton = document.getElementById("top-link");
    window.onscroll = function () {
        if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) {
            mybutton.style.visibility = "visible";
            mybutton.style.opacity = "1";
        } else {
            mybutton.style.visibility = "hidden";
            mybutton.style.opacity = "0";
        }
    };
</script>
<script>
    document.getElementById("theme-toggle").addEventListener("click", () => {
        if (document.body.className.includes("dark")) {
            document.body.classList.remove('dark');
            localStorage.setItem("pref-theme", 'light');
        } else {
            document.body.classList.add('dark');
            localStorage.setItem("pref-theme", 'dark');
        }
    })

</script>

<script>
    document.body.addEventListener('copy', function (e) {
        if (window.getSelection().toString() && window.getSelection().toString().length > 50) {
            let clipboardData = e.clipboardData || window.clipboardData;
            if (clipboardData) {
                e.preventDefault();
                let htmlData = window.getSelection().toString() 
				
				
                
                
                
					;
                let textData = window.getSelection().toString() 
				
                
                
                
					
					;
                clipboardData.setData('text/html', htmlData);
                clipboardData.setData('text/plain', textData);
            }
        }
    });
</script>

</body>

</html>
